<template>
  <div class="m-order">
    <ul>
      <li v-if="cur.length">
        <el-row v-for="(item, idx) in cur" :key="idx">
          <el-col :span="4">
            <img :src="item.img" alt="">
          </el-col>
          <el-col :span="10">
            <h4>{{item.name}}</h4>
            <p>数量: {{item.count}}</p>
          </el-col>
          <el-col :span="4">
            总价: ¥{{item.count}}
          </el-col>
          <el-col :span="6">
            {{item.statusText}}
          </el-col>
        </el-row>
      </li>
      <li v-else class="empty">暂无订单</li>
    </ul>
  </div>
</template>

<script>
  export default {
    props: {
      cur: {
        type: Array,
        default(){
          return []
        }
      }
    }
  }
</script>

<style lang="scss">

</style>